<script setup lang="ts">
import { computed} from 'vue';
import HomeMenuContent from './HomeMenuContent.vue';
import { arrToTree } from '../../utils/public.ts';
import { useDashboardStore } from '../../store/index.ts';

const dashboardStore=useDashboardStore()
const userFuncsTree=computed<UI.FuncTree>(()=>arrToTree(dashboardStore.userFuncs,'func_id','func_fid',0))
</script>

<template>
<el-menu router>
<home-menu-content :data="userFuncsTree"></home-menu-content>
</el-menu>
            <!-- <el-menu router>
                <el-sub-menu index="1" >
                    <template #title>系统管理</template>
                    <el-menu-item index="/func">功能管理</el-menu-item>
                    <el-menu-item index="/role">角色管理</el-menu-item>
                    <el-menu-item index="/user">用户管理</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="2">
                    <template #title>日常工作</template>
                    <el-menu-item index="/staff">员工管理</el-menu-item>
                    <el-menu-item index="/classroom">教室管理</el-menu-item>
                    <el-menu-item index="/class">班级管理</el-menu-item>
                    <el-menu-item index="/student"> 学生管理</el-menu-item>
                </el-sub-menu>
            </el-menu> -->
        
</template>



<style scoped>

</style>
